Activite : j Query Mobile 


Objectif : 

Creer une application qui va permettre a l'utilisateur de choisir un restaurant en fonction de ce 
qu'il veut manger, la ville et les notes des autres visiteurs. 

Cette activite est reservee seulement a la partie locale de 1’ application mobile. Toute 
interaction avec un serveur distant est ignoree. Vous etes demandes de realiser tous les 
traitement et charger les fichiers (images, ...) necessaires en local. 

Enonce : 

L’application web mobile comporte cinq interfaces : Menu, Villes, Contacts details, 
Emplacement et A propos. 

Dans la premiere interface « Menu », la premiere zone est consacre au logo du restaurant. 
Vous pouvez mettre un logo a votre choix. Le logo doit etre suivi par un petit message 
« Qu’est ce que vous voulez manger ? ». Une liste, par la suite est exposee a l’utilisateur pour 
consulter les differents repas du restaurants. Utiliser des images a votre choix pour decrire les 
repas. 



What do you want to eat ? 
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En cliquant sur un repas, nom du plat, on est ramene a la deuxieme page « Villes » pour 
selectionner la ville des restaurants. Cette page permet de donner les restaurants disponsible 


offrant le repas selectionne dans chaque ville. Un badge indique le nombre de restaurants 
disponibles dans chaque ville. Puisque le nombre de villes peut etre important, il faut ajouter 
un filtre pour accelerer la recherche. II faut ajouter le bouton « back » sur cette page pour 
revenir a la page « Menu ». 
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Choose a town where you want to eat 
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En cliquant sur une ville, la page « Selectionner restaurants » est affichee. 

L’utilisateur peut selectionner un restaurant a partir d’une liste de restaurants. Chaque 
restaurant est decrit par une image, nom et le nombre d’etoiles mentionnant 1’ appreciation des 
visiteurs. Un bouton « back » dans la barre d’outils permet de retoumer a l’etape precedente. 
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Choose a restaurant 
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En cliquant sur un restaurant, l’utilisateur peut consulter les details du restaurant sur la page 
« Restaurant ». Cette page est composee de trois parties : details restaurants, details contact et 
classement des visiteurs. 

La partie details restaurant contient une petite description du restaurant, des images de 
quelques plats et un lien vers le site web. La partie details contacts contient une image google 
map et un bouton permettant de localiser le restaurant et un bouton permettant d’appeler le 
restaurant. La troisieme partie donne la possibility a l’utilisateur de donner son avis du 
restaurant (Not Good, Pretty Good, Good, Very Good). 

Sur cette page, un bouton back permet d’afficher la page precedente. 
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Branding 


Restaurant's Name 
Description : 

- cake lollipop 

- apple pie sugar 

- plum faworkl 

- chocolate jelly ( 

I See our website I 
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Contact us 
Contact details 


Find us on google maps 
Call us 
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User's rating 
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★ ★ Pretty Good 


Referez vous aux sites: http://www.w3schools.com/iquerymobile/ et https://iquerymobile.com 
pour trouver les composants necessaires pour la creation de differentes pages de 1’ application. 





